<!DOCTYPE html>
<html lang="ch-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>
    <div class="w">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur quasi, error dignissimos deleniti vero atque? Magnam, explicabo ducimus fugiat cumque necessitatibus officiis, culpa id soluta enim voluptates dignissimos magni vitae nulla ullam. Accusamus
        in recusandae, quia perspiciatis ducimus sint adipisci earum laboriosam obcaecati nihil inventore et ut quam repellendus praesentium eveniet distinctio est excepturi itaque? Nihil dignissimos maiores excepturi libero iure qui incidunt esse blanditiis,
        hic, aliquid, cupiditate perspiciatis? Velit dolorem architecto quibusdam ab explicabo quis ipsum adipisci tempora deserunt? Explicabo natus vel, doloribus eveniet cum ex id hic possimus consequuntur non iusto atque, animi, quos dolorem? In, quasi
        a. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia quis debitis cumque eaque fugiat, quas placeat impedit consequuntur porro sit quasi animi corporis. Aliquam dolorum distinctio quia molestiae expedita, sed corporis illum modi
        incidunt labore commodi eius voluptatem architecto officiis culpa. Hic eligendi, sint deleniti illo libero ipsam incidunt voluptas necessitatibus a quas sunt aliquam amet odit et minima similique officia, mollitia quod aut ullam suscipit repellat,
        autem dolore. Magnam, placeat consectetur quisquam totam vitae in, culpa at reprehenderit ratione quae velit? Veritatis nostrum quos iure, rem optio commodi odit esse quam odio dignissimos perferendis vitae aperiam neque itaque eligendi quaerat!
        Odit voluptatem, nobis ab quisquam voluptate harum natus eaque distinctio exercitationem saepe aperiam reprehenderit alias? Distinctio, quidem corrupti quo, enim voluptatibus nostrum obcaecati veniam autem vitae voluptates molestias fugit repudiandae?
        Possimus doloremque architecto, impedit maiores, libero aliquam fugit, aliquid eaque corporis expedita sapiente? Voluptate inventore ipsa eum vitae nihil sit excepturi natus tempore. Blanditiis molestiae, alias ipsam quidem deleniti quae iste
        porro tenetur eos, quia repellat? Fuga in, ratione hic vitae error sed, facere eligendi et aut omnis quibusdam nisi repellat tempora dolorem iusto eveniet quos alias quam excepturi obcaecati delectus dignissimos. Eaque modi velit aut harum. Architecto
        officia officiis quod, rem cumque nostrum natus delectus assumenda sapiente eius maxime hic repellat soluta veniam quae impedit. Harum magni beatae distinctio expedita excepturi sint mollitia aperiam. Officia corrupti eaque, consectetur doloribus
        repellat, corporis quo minima maiores ullam illo commodi quam voluptatibus tempora officiis magni nostrum. Error, consectetur quidem! Dolores sed velit veniam cum odio totam ullam ducimus suscipit natus ea in saepe molestiae itaque, delectus repellendus
        qui repellat quidem. Sed laudantium eum quam quibusdam minima nobis nam qui adipisci, sunt dolorem non enim fugiat, cupiditate veritatis repellat! Ullam delectus, consequuntur in, laborum accusamus provident alias animi, similique vero tempora
        facilis maiores amet aut aliquam nihil sed! Aliquid animi, numquam veniam aspernatur necessitatibus impedit deleniti sit nihil tenetur alias, doloribus consectetur quaerat neque error vitae dolore accusamus. Dolore quasi debitis accusantium dignissimos
        fugiat hic ratione adipisci dicta est id! At labore eum eos vitae quidem ea blanditiis deleniti. Nemo, ex, consectetur illo laborum voluptas numquam rerum velit magni blanditiis eveniet excepturi iure adipisci illum eos in, iste officiis totam
        quo maxime voluptates molestiae? Repellendus totam voluptates accusamus. Consequuntur ipsam reprehenderit perspiciatis beatae. Doloribus ab nihil, dolorem illum animi perferendis magni mollitia laudantium at reprehenderit architecto laboriosam
        deleniti, eaque vero commodi non ullam tempore in officiis tempora doloremque voluptatem provident? Dicta, est aut at excepturi ipsum sint? Possimus consequatur laborum, beatae tempore consectetur cum, voluptate iure qui ipsam iste quae quis repellendus
        officia officiis. Dolor, laudantium. A non, voluptas error impedit deserunt rem illum exercitationem ullam dicta porro aliquam magnam saepe, odit eveniet itaque ducimus, dolore nemo quae aperiam. Corporis, officiis reprehenderit. In non earum
        cum dicta reiciendis laborum eos iste ex libero minima! Commodi quae doloremque dolor, excepturi veritatis voluptatum facere tenetur magni odit eaque dolore ea nulla? Impedit veritatis accusantium magnam excepturi voluptates nemo, distinctio sequi!
        Modi doloribus totam autem!
    </div>
    <div class="x" tabindex="1">
        <strong class="y">+</strong>
        <p tabindex="2">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id molestias in alias facilis nulla repellendus atque quam deleniti. Cupiditate impedit harum quo fuga nesciunt facilis! Tenetur enim dolore excepturi, alias repellat est, esse pariatur tempora doloremque, ex ipsa omnis voluptatem. Nostrum facere ullam distinctio nesciunt maxime, quidem rem itaque esse quam sapiente, corrupti accusantium non aliquid laudantium. Voluptatibus minima optio, numquam vel quod iure sint magnam illo! Iure voluptas sed optio modi illo natus expedita, iste repellat id, fugit omnis quos recusandae excepturi. Non officia harum suscipit sed, dolores nemo fugiat, accusamus delectus laboriosam, incidunt cupiditate accusantium illum natus necessitatibus?
        </p>
    </div>
</body>

</html>